﻿.lucky{ margin-top:10px;}
.lucky-list{ height:272px; background:url(../../img/activity/lucky2011/bg1.jpg) no-repeat; position:relative; }
.lucky-draw{height:440px; background:url(../../img/activity/lucky2011/bg2.jpg) no-repeat; position:relative;}
.lucky-tip{height:311px; background:url(../../img/activity/lucky2011/bg3.jpg) no-repeat;}

.lucky-rule{ width:340px; position:absolute; left:36px; top:80px;}
.lucky-rule li{padding-left:20px; line-height:28px; color:#fff; font-size:14px;background:url(../../img/activity/lucky2011/icon.png) no-repeat 0 10px;}

.lucky-list .slide{ height:175px; width:230px; position:absolute; left:644px; top:94px; }
.lucky-list .slide li{ height:25px;line-height:22px;color:#fff; }
.lucky-list span{ float:right; text-align:right;}
.slide img{ width:305px; height:140px;}

.lucky-prize{ width:495px; height:162px; position:absolute; left:231px; top:84px; }
.lucky-prize .slide{ width:305px; height:146px; margin:8px auto 0 auto;}
.lucky-prize .slide li{width:305px; height:146px; float:left;}
.lucky-prize .slide li img{ display:block;}

.btn-draw{ position:absolute; bottom:63px; left:365px; width:226px; height:72px; display:block; background:url(../../img/activity/lucky2011/btn.gif); cursor:pointer;}
.lucky-num-left, .lucky-num-win{ display:block; text-align:center; width:80px; color:#c20b12; font-size:24px; position:absolute;}
.lucky-num-left{ left:238px; top:301px;}
.lucky-num-win{ left:758px; top:301px;}

/*light*/
.light-box{ border:solid 4px #434343; width:560px;}
.light-award .light-close s{ background:url(../../img/activity/lucky2011/light-close.png) no-repeat;}
.light-award .light-border{ background-color:#fff; padding:1px;}
.light-award .light-hd{ background:#be0e00; height:26px;} 
.light-award .light-hd h5{ padding-top:3px; color:#fff; padding-left:10px;}
.light-award .light-bd{background:#fff; padding:10px;}
/*light message*/
.message{width:420px; margin:10px 0 0 50px;  height:120px; }
.message s{ width:40px; height:40px; background:url(../../img/activity/lucky2011/message.png) no-repeat -999px -999px;  }
.message dt{ font-size:16px;}
.success dl.success, .success p.success, .error dl.error, .error p.error, .attention dl.attention, .attention p.attention{ display:block; color:#333;}
.success s{ background-position:0 0;}
.error s{background-position:0 -40px;}
.attention s{background-position:0 -80px;}
.message p{ color:#ed5400; padding-top:32px; }
a.confirm{ display:block; width:150px; height:36px;background:url(../../img/activity/lucky2011/btn-confirm.png); margin-left:80px;}
/*form*/
.form{ padding:16px 0;}
.form-field{ padding:10px 0 0 180px;}
.form-label{ width:170px; margin-left:-175px; line-height:30px; font-size:14px;}
.form-text{ width:210px; height:24px; border:solid 1px #999; line-height:24px; font-size:14px; padding:2px; }
.form-btn{ width:149px; height:36px; margin-top:10px; border:0; background:url(../../img/activity/lucky2011/btn-form.png);}
/* form message */
.form-message{ margin-left:4px;vertical-align:middle;}
.form-message i, .form-message s{ display:inline-block; float:left; width:18px; height:18px; background:url(../../img/activity/lucky2011/form-message.png) no-repeat -999px -999px;}
.form-message .success i{ background-position:0 0; }
.form-message .attention i{ background-position:0 -36px; margin:0 2px; }
.form-message .error{ font-size:12px; border:solid 1px #ff8d22; background-color:#fffada; margin-left:12px; padding-right:4px; color:#f00;}
.form-message .error i{ background-position: 0 -18px;}
.form-message .error s{ background-position: 0 -144px; margin-left:-12px; width:12px; position:relative; z-index:1; }
.form-message .tip, .form-message .attention{ color:#666; font-size:12px; background-color:#fffaef; border:solid 1px #f5dcc4;padding-right:4px; padding-top:2px;}
.form-message .tip i{ background-position:0 -54px; margin-top:-1px;}